<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css"/>
		
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />

		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="shopGoodSpecApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					商品 - - 商品规格库
				</div>
				<hr class="hr-style" />
				<div class="shop-good-type-tab">
					<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
						<el-tab-pane label="商品规格" name="first">
							<div class="good-stock-header">
								<div class="search-good">
									<el-input placeholder="请输入规格名称" v-model="searchGood" class="search-good-input">
										<el-button slot="append" @click="clickSearchGood">搜索</el-button>
									</el-input>
								</div>
								<div class="shop-good-add">
									<div>
										<el-button type="primary" @click="addGoodProp">添加规格</el-button>
									</div>
								</div>
							</div>
							<div class="good-table">
								<el-table :data="goodLoacalStock" border style="width: 100%" @selection-change="handleSelectionChange">
									<el-table-column type="selection" width="60">
									</el-table-column>
									<el-table-column prop="name" label="规格名称">
									</el-table-column>
									<el-table-column prop="categoryName"  label="商品类型">
									</el-table-column>
									<el-table-column prop="optional" width="300" label="可选值列表">
									</el-table-column>
									<el-table-column prop="weight" label="权重">
									</el-table-column>
									<el-table-column label="操作" width="200">
										<template slot-scope="scope">
											
											<el-button type="text" size="small"  @click="eidtGoodProp(scope.row)">编辑</el-button>
											<el-button type="text" size="small" @click="deleteGoodProp(scope.row)" >删除</el-button>
										</template>
									</el-table-column>
								</el-table>
								<div class="good-footer-style">
									<div>
										<el-button @click="mutDeleteGood">删除</el-button>
									</div>
									<div>
										<el-pagination  @current-change="handleCurrentChange" :current-page="currentPage"
										  layout="total,prev,pager,next,jumper" :page-size="10" :total="totalSize">
										</el-pagination>
									</div>
								</div>
								
							</div>

						</el-tab-pane>
						
					</el-tabs>
				</div>
			</div>
		</div>
	</body>
</html>
